<template>
    <div id="search">
        <div><input type="text" placeholder="   请输入您要查找的内容" onfocus="this.placeholder=''" onblur="this.placeholder='   请输入您要查找的内容'"></div>
        <div>
            <img src="../../../assets/首页/搜索 (1).png"> 
        </div>
    </div>

</template>

<script>
export default {
    
}
</script>

<style scoped>
    img{
        width: 30px;
        height: 30px;
        margin-top: 30px;
    }
    #search{
        display: flex;
        margin-left: 80px;
    }
    input{
        height: 20px;
        width: 190px;
        border: none;
        margin-top: 35px;
        border-left: 2px solid grey;
        outline:medium;
    }
    ::-webkit-input-placeholder{
        font-size:16px;
    }
</style>